<div>
    <hr/>
    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">RUNTIME</caption>
        <tbody>
        <tr th:each="item : ${runtimeInfo}">
            <td th:utext="${item.name}"></td>
            <td th:utext="${item.value}"></td>
        </tr>
        </tbody>
    </table>
    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">CLASS-LOADING</caption>
        <tbody>
        <tr th:each="item : ${classLoadingInfo}">
            <td th:utext="${item.name}"></td>
            <td th:utext="${item.value}"></td>
        </tr>
        </tbody>
    </table>
    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">COMPILATION</caption>
        <tbody>
        <tr th:each="item : ${compilation}">
            <td th:utext="${item.name}"></td>
            <td th:utext="${item.value}" style="min-width: 50px"></td>
        </tr>
        </tbody>
    </table>
    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">GARBAGE-COLLECTORS</caption>
        <tbody>
        <tr>
            <th></th>
            <th>collectionCount</th>
            <th>collectionTime (ms)</th>
        </tr>
        <tr th:each="item : ${garbageCollectorsInfo}">
            <td th:utext="${item.name}"></td>
            <td th:utext="${item.collectionCount}"></td>
            <td th:utext="${item.collectionTime}"></td>
        </tr>
        </tbody>
    </table>
    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">MEMORY-MANAGERS</caption>
        <tbody>
        <tr th:each="item : ${memoryMgrInfo}">
            <td th:utext="${item.name}"></td>
            <td th:utext="${item.value}" style="min-width: 50px"></td>
        </tr>
        </tbody>
    </table>
    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">MEMORY</caption>
        <tbody>
        <tr th:each="item : ${memoryInfo}">
            <td th:utext="${item.name}"></td>
            <td>
                <span th:utext="'init : ' + ${item.value.init}"></span><br/>
                <span th:utext="'used : ' + ${item.value.used}"></span><br/>
                <span th:utext="'committed : ' + ${item.value.committed}"></span><br/>
                <span th:utext="'max : ' + ${item.value.max}"></span>
            </td>
        </tr>
        <tr th:if="${pendingFinalizationCount} > 0">
            <td>PENDING-FINALIZE-COUNT</td>
            <td th:utext="${pendingFinalizationCount}"></td>
        </tr>
        </tbody>
    </table>

    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">OPERATING-SYSTEM</caption>
        <tbody>
        <tr th:each="item : ${operatingSystemInfo}">
            <td th:utext="${item.name}"></td>
            <td th:utext="${item.value}"></td>
        </tr>
        </tbody>
    </table>
    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">THREAD</caption>
        <tbody>
        <tr th:each="item : ${threadInfo}">
            <td th:utext="${item.name}"></td>
            <td th:utext="${item.value}" style="min-width: 50px"></td>
        </tr>
        </tbody>
    </table>
    <table border="1">
        <caption style="caption-side: top; font-size: 20px; color: snow">FILE-DESCRIPTOR</caption>
        <tbody>
        <tr th:each="item : ${fileDescInfo}">
            <td th:utext="${item.name}"></td>
            <td th:utext="${item.value}" style="min-width: 50px"></td>
        </tr>
        </tbody>
    </table>
    <hr/>
</div>